/**
 * Name:     Mcake-code-style
 * Author:   淡淡的月饼
 * time:     2016-8-4   
*/

.cm-s-Mcake-code-style.CodeMirror {
    font-size: 18px;
    color: #eaeaea;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    line-height:1.5em;
    background: #272822;

}
/* 选中代码背景 */
.cm-s-Mcake-code-style div.CodeMirror-selected {
    background: #424242;
}
/* 代码编号数字区域 */
.cm-s-Mcake-code-style .CodeMirror-gutters {
    background: #34362E;
    border-right: 0px;
}
.cm-s-Mcake-code-style .CodeMirror-guttermarker {
    color: #e78c45;
}
.cm-s-Mcake-code-style .CodeMirror-guttermarker-subtle {
    color: #777;
}
.cm-s-Mcake-code-style .CodeMirror-linenumber {
    color: #bebec5;
}
/* 鼠标光标颜色 */
.cm-s-Mcake-code-style .CodeMirror-cursor {
    border-left: 1px solid #fff;
}

.cm-s-Mcake-code-style span.cm-comment {
    color: #74705e;
}
/* css 值 比如 left border */
.cm-s-Mcake-code-style span.cm-atom {
    color: #66D9EF;
}
/* 数字类型 */
.cm-s-Mcake-code-style span.cm-number {
    color: #ae81ff;
}
.cm-s-Mcake-code-style span.cm-qualifier {
    color: #a7e32d;
}
.cm-s-Mcake-code-style span.cm-property{
    color:#66D9EF;
} 
/* 标签的属性 比如 href class等 */
.cm-s-Mcake-code-style span.cm-attribute {
    color: #a6e22e;
}
.cm-s-Mcake-code-style span.cm-keyword {
    color: #f92665;
}
/* 字符串代码 */
.cm-s-Mcake-code-style span.cm-string {
    color: #e6db74;
}
/*JS 变量*/
.cm-s-Mcake-code-style span.cm-variable {
    color: #66D9EF;
}
.cm-s-Mcake-code-style span.cm-variable-2 {
    color: #837ADA;
}
/*变量3 如伪类选择器 after*/
.cm-s-Mcake-code-style span.cm-variable-3 {
    color: #ae81ff;
}
/*JS 变量名称*/
.cm-s-Mcake-code-style span.cm-def {
    color: #a7e32e;
}
/* HTML 标签 */
.cm-s-Mcake-code-style span.cm-tag {
    color: #f92665;
}
/* HTML 标签括号 */
.cm-s-Mcake-code-style span.cm-bracket {
    color: #f8f8f8;
}
/* CSS 浏览器前缀 */
.cm-s-Mcake-code-style span.cm-meta {
    color: #F8F8F8;
}

.cm-s-Mcake-code-style span.cm-link {
    color: #a16a94;
}
/* 语法错误代码高亮提示 */
.cm-s-Mcake-code-style span.cm-error {
    background: #d54e53;
    color: #fff;
}
.cm-s-Mcake-code-style span.cm-operator{
    color:#f92672;
}



.cm-s-Mcake-code-style .CodeMirror-activeline-background {
    background: #FFF;
}
.cm-s-Mcake-code-style .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: #f8f8f8 !important;
}


